<!DOCTYPE html>
<html>
<head>
<title>慕课网电商网站-刷选页</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/resert.css" type="text/css" rel="stylesheet"/>
<link href="css/main.css" type="text/css" rel="stylesheet"/>

</head>
<body>
<div class="headerBar">
    <div class="topBar">
      <div class="comWidth clearfix">
	    <div class="fl">
	     <a class="collection" href="#">收藏慕课</a>
	    </div>
	    <div class="fr">
	      欢迎来到慕课网！<a href="#">[登录]</a><a href="#">[免费注册]</a>
	    </div>
	  </div>
	</div>
	<div class="logoBar">
	  <div class="comWidth clearfix">
	    <div class="logo fl">
		  <a href="#"><img src="images/logo.png" alt="慕课网"/></a>
		</div>
		<div class="search_box fl">
		   <input type="text" class="search_text fl"/>
		   <input type="button" value="搜 索" class="search_btn fr"/>
		</div>
		<div class="shopCar fr">
		  <span class="shopText fl">购物车</span>
		  <span class="shopNum fr">0</span>
		</div>
	  </div>
	</div>
	<div class="navBox">
	  <div class="comWidth clearfix">
	    <div class="shopClass fl">
		  <h3>全部商品分类<i></i></h3>
		  <div class="shopClass_show" hidden>
		    <dl class="shopClass_item">
		     <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="alink">合约机</a></dt>
			 <dd><a href="#">荣耀3X</a><a href="#">单反 </a><a href="#">智能设备 </a></dd>
		    </dl>
		    <dl class="shopClass_item">
		     <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="alink">合约机</a></dt>
			 <dd><a href="#">荣耀3X</a><a href="#">单反 </a><a href="#">智能设备 </a></dd>
		    </dl>
		    <dl class="shopClass_item">
		     <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="alink">合约机</a></dt>
			 <dd><a href="#">荣耀3X</a><a href="#">单反 </a><a href="#">智能设备 </a></dd>
		    </dl>
		    <dl class="shopClass_item">
		     <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="alink">合约机</a></dt>
			 <dd><a href="#">荣耀3X</a><a href="#">单反 </a><a href="#">智能设备 </a></dd>
		    </dl>
		    <dl class="shopClass_item">
		     <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="alink">合约机</a></dt>
			 <dd><a href="#">荣耀3X</a><a href="#">单反 </a><a href="#">智能设备 </a></dd>
		    </dl>
		  </div>
		</div>
		<div class="nav fl">
		  <ul>
		    <li><a class="active" href="#">数码城</a></li>
			<li><a href="#">天黑黑</a></li>
			<li><a href="#">团购</a></li>
			<li><a href="#">发现</a></li>
			<li><a href="#">二手特卖</a></li>
			<li><a href="#">名品会</a></li> 
		  </ul>
		</div>
	  </div>
	</div>
</div>
<div class="hr_15"></div>
<div class="products comWidth clearfix">
  <div class="leftArea">
     <div class="leftNav vertical">
	    <h3 class="navTitle">产品分类</h3>
		<div class="navCon">
		  <h3>手机通讯</h3>
		  <ul class="navCon_list clearfix">
		    <li><a href="#">全部手机</a></li>
			<li><a href="#">双卡手机</a></li>
		  </ul>
		</div>
		<div class="navCon">
		  <h3>手机通讯</h3>
		  <ul class="navCon_list clearfix">
		    <li><a href="#">全部手机</a></li>
			<li><a href="#">双卡手机</a></li>
			<li><a href="#">联通专区</a></li>
		  </ul>
		</div>
		<div class="navCon">
		  <h3>手机通讯</h3>
		  <ul class="navCon_list clearfix">
		    <li><a href="#">全部手机</a></li>
			<li><a href="#">双卡手机</a></li>
			<li><a href="#">联通专区</a></li>
			<li><a href="#">老年手机</a></li>
			<li><a href="#">拍照神器</a></li>
			<li><a href="#">1080P高清</a></li>
			<li><a href="#">对讲机</a></li>
			<li><a href="#">全部手机</a></li>
		  </ul>
		</div>
	 </div>
  </div>
  <div class="rightArea">
    <div class="screening_box clearfix">
	  <dl class="screening clearfix">
	    <dt>品牌</dt>
		<dd class="limit"><a class="active" href="#">不限</a></dd>
		<dd class="screening_list">
		 <ul class="clearfix">
		   <li><a href="#">Samsung/三星</a></li>
		   <li><a href="#">Apple/苹果</a></li>
		   <li><a href="#">Huawei/华为</a></li>
		   <li><a href="#">Miui/小米</a></li>
		   <li><a href="#">lenovo/联想</a></li>
		   <li><a href="#">Sony/索尼</a></li>
		   <li><a href="#">Huawei/华为</a></li>
		   <li><a href="#">Miui/小米</a></li>
		   <li><a href="#">lenovo/联想</a></li>
		   <li><a href="#">Sony/索尼</a></li>
		 </ul>
		</dd>
	  </dl>
	  <dl class="screening clearfix">
	    <dt>屏幕尺寸</dt>
		<dd class="limit"><a href="#">不限</a></dd>
		<dd class="screening_list">
		 <ul class="clearfix">
		   <li><a class="active" href="#">Samsung/三星</a></li>
		   <li><a href="#">Apple/苹果</a></li>
		   <li><a href="#">Huawei/华为</a></li>
		   <li><a href="#">Miui/小米</a></li>
		 </ul>
		</dd>
	  </dl>
	  <dl class="screening clearfix">
	    <dt>操作系统</dt>
		<dd class="limit"><a class="active" href="#">不限</a></dd>
		<dd class="screening_list">
		 <ul class="clearfix">
		   <li><a href="#">Samsung/三星</a></li>
		   <li><a href="#">Apple/苹果</a></li>
		   <li><a href="#">Huawei/华为</a></li>
		 
		 </ul>
		</dd>
	  </dl>
	  <dl class="screening clearfix">
	    <dt>适用网络制式</dt>
		<dd class="limit"><a class="active" href="#">不限</a></dd>
		<dd class="screening_list">
		 <ul class="clearfix">
		   <li><a href="#">Samsung/三星</a></li>
		   <li><a href="#">Apple/苹果</a></li>
		   <li><a href="#">Huawei/华为</a></li>
		   <li><a href="#">Miui/小米</a></li>
		   <li><a href="#">lenovo/联想</a></li>
		   <li><a href="#">Sony/索尼</a></li>
		   <li><a href="#">Huawei/华为</a></li>
		   <li><a href="#">Miui/小米</a></li>
		   <li><a href="#">lenovo/联想</a></li>
		   <li><a href="#">Sony/索尼</a></li>
		 </ul>
		</dd>
	  </dl>
	  <dl class="screening clearfix">
	    <dt>更多选项</dt>
		<dd class="screening_list">
		 <div class="screening_more clearfix" style="background:red;">
		  <a href="#">CPU核心数</a>
		 </div>

		</dd>
	  </dl>
	</div>
   
    <div class="hr_15"></div>
	<div class="addIntro">
	  <div class="address">
	    <span class="add_text">送至</span>
		<div class="select">
		   <h3>海定区五环内</h3><span></span>
		   <div class="select_show">
		     <ul>
			    <li>朝阳区</li>
				<li>隋唐区</li>
				<li>朝阳区</li>
				<li>合家区</li>
				<li>朝阳区</li>
			 </ul>
		   </div>
		</div>
	  </div>
	  <div class="fr screen_text">
	    <span class="check">
	      <input type="checkbox" id="check"><label>仅显示有货</label>
	    </span>
	    <span class="shop_num">
	    共<em>156542</em>件
	    </span>
	  </div>
	</div>
	
	<div class="products_list screen_list_more clearfix">
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p><a class="screenChar" href="#">加入购物车</a></p>
	    </div>
		<div class="hot"></div>
	 </div>
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p><a class="screenChar" href="#">加入购物车</a></p>
	    </div>
	 </div>
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p><a class="screenChar" href="#">加入购物车</a></p>
	    </div>
		<div class="hot"></div>
	 </div>
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p><a class="screenChar" href="#">加入购物车</a></p>
	    </div>
	 </div>
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p><a class="screenChar" href="#">加入购物车</a></p>
	    </div>
		<div class="hot"></div>
	 </div>
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p><a class="screenChar" href="#">加入购物车</a></p>
	    </div>
	 </div>
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p><a class="screenChar" href="#">加入购物车</a></p>
	    </div>
	 </div>
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p><a class="screenChar" href="#">加入购物车</a></p>
	    </div>
		<div class="hot"></div>
	 </div>
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p><a class="screenChar" href="#">加入购物车</a></p>
	    </div>
	 </div>
    </div>
	
	
	<div class="products_list screen_list_more clearfix">
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p><a class="screenChar" href="#">加入购物车</a></p>
	    </div>
	 </div>
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p><a class="screenChar" href="#">加入购物车</a></p>
	    </div>
	 </div>
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p><a class="screenChar" href="#">加入购物车</a></p>
	    </div>
	 </div>
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p><a class="screenChar" href="#">加入购物车</a></p>
	    </div>
	 </div>
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p><a class="screenChar" href="#">加入购物车</a></p>
	    </div>
	 </div>
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p><a class="screenChar" href="#">加入购物车</a></p>
	    </div>
	 </div>
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p><a class="screenChar" href="#">加入购物车</a></p>
	    </div>
	 </div>
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p><a class="screenChar" href="#">加入购物车</a></p>
	    </div>
	 </div>
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p><a class="screenChar" href="#">加入购物车</a></p>
	    </div>
	 </div>
  
  
    </div>
	<div class="hr_24"></div>
	<div class="page">
	  <a href="#">上一页</a><a class="active" href="#">1</a><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a>
	  <a href="#">6</a><a href="#">6</a><a href="#">7</a><a href="#">8</a><span class="hl">....</span><a href="#">200</a><a href="#">下一页</a>
	  <span class="morePage">共200页,到第</span><input type="text" class="pageNum" value=""><span class="ye">页</span><input type="button" class="page_btn" value="确定"/>
	
	</div>
  </div>
</div>
<div class="hr_25"></div>
<div class="footer">
  <p><a href="#">慕课简介</a><i>|</i><a href="#">慕课公告</a><i>|</i><a href="#">招纳贤士</a><i>|</i><a href="#">联系我们</a><i>|</i><a href="#">客服热线：400-675-1234</a></p>
  <p>Copyright &copy; 2006 - 2014 慕课版权所有&nbsp;&nbsp;&nbsp;&nbsp;京ICP备09037834号&nbsp;&nbsp;&nbsp;&nbsp;京ICP证B1034-8373号&nbsp;&nbsp;&nbsp;&nbsp;某市公安局XX分局备案编号：123456789123</p>
  <p class="web"><a href="#"><img src="images/footer_logo.png" alt="footerimg"/></a><a href="#"><img src="images/footer_logo.png" alt="footerimg"/></a><a href="#"><img src="images/footer_logo.png" alt="footerimg"/></a><a href="#"><img src="images/footer_logo.png" alt="footerimg"/></a></p>
</div>
</body>
</html>